<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录模板</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" rel="stylesheet" href="css/alipay.css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
<!--

$(document).ready(function(){
	//$(".mh_zx_ct:gt(0)").hide();
	var opt=$(".mh_zx_box ul li");
	opt.hover(function(){
		//alert($(this));
		$(this).addClass('one').siblings().removeClass('one');
		var opt_index=opt.index(this);
		$(".mh_zx_ct").eq(opt_index).show().siblings().hide();
	});
	$(".nav_green").mouseover(function(){
		$("#nav_more").show();
	}).mouseout(function(){
		var timer=window.setTimeout(function(){
			$("#nav_more").hide();	
		},1000)
		$(".nav_green li").mouseover(function(){
			window.clearTimeout(timer);
			//$("#nav_more").show();
		})
	})
	$(".nav_green li").mouseout(function(){
		$("#nav_more").hide();	
	})

});
//-->
</script> 
</head>
<body id="mainbody">
<!--头部登录-->
<div class="log_top">
	<div style="width:980px;height:38px;text-align:right;margin:auto">
    欢迎,XXX <a href="#">安全退出</a> | <a href="#">我的账户</a>   <a href="#">帮助中心</a>
    </div>
</div>
<!--#头部登录-->

<!--头部导航-->
<div class="head">
  <div class="logo"><img src="images/logo.jpg" /></div>
  <div class="d35 bg2">
	<div class="w726 mauto">
	<ul class="nav1">
    	<li><a href="#" class="c1">首页</a></li>
    </ul>
   <div class="f_r w295 h28 mt5">
    	<div style="width:218px;height:28px;float:left; background:url(images/cart.png);line-height:28px; text-indent:50px">购物车里有<a href="#">2</a>件商品</div>
        <a href="#"><img src="images/go_shop.jpg" /></a>
    </div>
    </div>
</div>
</div>

<!--#头部导航-->

<!--主体布局-->
<div class="main">
<div class="sc_box">
        <ul class="Position">
            <li class="w">1 查看购物车</li>
            <li>2 确认订单信息</li>
            <li>3 成功提交订单</li>
        </ul>
        <div class="Position_r">
            商品价格和库存请以订单提交时为准</div>
        <div class="clr">
        </div>
    </div>
    <!--商品售完提示-->
    <div class="sc_box" id="notify_a" style="display: none;">
        <div class="notify_ii" id="notify_b">
            抱歉！有商品已售空，暂时不能购买。<b id="notify_close"><img alt="" src="arr_u.gif"></b></div>
        <div class="notify_listBox" id="notify_d"><p>已售空不能购买的商品将在您结算时自动删除 <a href="javascript:void(0);" id="i_know">我知道了</a></p></div>
    </div>
    <div class="clr">
    </div>
    <!--我购买的商品-->
    <div class="sc_box" id="myshopcar" style="">
        <div class="my_shop_t">
            <div class="t" title="我购买的商品">
            </div>
            <span class="fl">共<span id="productcount">1</span>件</span>
            <div id="login_i" class="shopcart_login"><a href="#"></a>登录后保存您的购物清单</div>
            <span class="fr" id="transferinfoview">您目前没有可享受的优惠</span>
        </div>
        <div class="my_shop">
            <!--我的购物车标题行-->
            <ul>
                <li class="n">商品名称</li>
                <li class="w200">所获积分</li>
                <li class="w201">价格</li>
                <li class="w202">下单时间</li>
            </ul>
            <div id="productlistview"><div class="fahuo_title"><strong>购买商品列表</strong></div><div class="listBox"><div class="i"><a href="#" target="_top" title="测试文字测试文字测试文字测试文字测试文字"><img style="border: 1px solid rgb(237, 237, 237); margin: 1px;" src="images/pro2_10.jpg"></a></div>
            <dt><a href="#">测试文字测试文字测试文字<br />
                   测试文字测试文字</a>
               <dd class="w200">M</dd>
               <dd class="w170">1500.00</dd> 
               <dd class="w170">2013年7月30日</dd>

            <div class="clr"></div></div>
          <div class="listBox gray"><div class="i"><a href="#" target="_top" title="测试文字测试文字测试文字测试文字测试文字"><img style="border: 1px solid rgb(237, 237, 237); margin: 1px;" src="images/pro2_10.jpg"></a></div>
            <dt><a href="#">测试文字测试文字测试文字<br />
                   测试文字测试文字</a>
               <dd class="w200">M</dd>
               <dd class="w170">1500.00</dd> 
               <dd class="w170">2013年7月30日</dd> 
            <div class="clr"></div></div> 
            
          <div class="listBox"><div class="i"><a href="#" target="_top" title="测试文字测试文字测试文字测试文字测试文字"><img style="border: 1px solid rgb(237, 237, 237); margin: 1px;" src="images/pro2_10.jpg"></a></div>
            <dt><a href="#">测试文字测试文字测试文字<br />
                   测试文字测试文字</a>
               <dd class="w200">M</dd>
               <dd class="w170">1500.00</dd> 
               <dd class="w170">2013年7月30日</dd> 
            <div class="clr"></div></div> 
             
            
            </div>
            <!--购物操作-->
            <div class="total">
                <div class="fr">
                    优惠金额：<em>￥</em><b id="pdiscount">30.00</b> &nbsp;&nbsp;商品金额总计：<em>￥</em><b id="productprice">129.00</b>
                </div>
                <div class="clr">
                </div>
            </div>
            <div class="NextStep_box">
                <div class="empty">
                    <a href="javascript:void(0);">清空购物车</a>
                    <div class="delcommodity" id="emptyDiv" style="left: -10px; top: -66px;">
                        您确定要清空吗？<br>
                        <a href="javascript:clearcart();">确定</a>&nbsp;&nbsp;<a href="javascript:void(0);">取消</a></div>
                </div>
                <div class="fr">
                    <a href="#" title="继续购物" class="shoping"></a><a href="#" title="去结算" class="pay" id="jiesuanBtn"></a>
                </div>

              <div class="gehang"></div>
            </div>
        </div>
    </div>
<div class="gehang"></div>

  <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
  <img src="images/copy_line.jpg" /><br /><br /><br />
        <img src="images/copy.jpg" />
        <div style="width:740px;height:100%;overflow:hidden;margin:auto">
        <ul class="copy">
        	<li><a href="#">· 购物流程</a></li>
            <li><a href="#">· 发票说明</a></li>
            <li><a href="#">· 联系客服</a></li>
            <li><a href="#">· 注册协议</a></li>
        </ul>
        <ul class="copy">
        	<li><a href="#">· 在线支付</a></li>
            <li><a href="#">· 快捷支付</a></li>
        </ul>
        <ul class="copy" style="margin-left:20px">
        	<li><a href="#">· 快递配送</a></li>
            <li><a href="#">· 上门自提</a></li>
        </ul>
        <ul class="copy" style="margin-left:40px">
        	<li><a href="#">· 退换货政策</a></li>
            <li><a href="#">· 退换货流程</a></li>
            <li><a href="#">· 退款说明&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        </ul>
        
        </div>
        </div>
        <img src="images/copy_line.jpg" />
        </div>
    </div>
<!--#主体布局-->

<div class="clear"></div>
    <!--页底版权-->
    <div class="foot">
    	<a href="#">关于澳海通</a> | <a href="#">诚征英才</a> | <a href="#">联系我们</a><br/>
        澳海通版权所有 2013-2014 ICP证：12345678
    </div>
    <!--#页底版权-->


<!--回到顶部-->
<div style="position:fixed; bottom:0;right:0;z-index:999">
	<a href="#"><img src="images/top.png" /></a>
</div>
<!--#回到顶部-->
</body>
</html>
